<template>
    <div class="calendar-container">
        <el-row :gutter="35">
            <el-col :xs="24" :sm="16" :lg="16">
                <div class="calendar-wrapper">
                    <!--<span class="title1 fl">我的课表</span>-->
                    <el-date-picker
                            v-model="value"
                            type="month"
                            :clearable=false
                            format="yyyy年 MM月"
                            placeholder="查看月份"
                            size="small"
                    >
                    </el-date-picker>
                    <Calendar :defaultMonth.sync='value'></Calendar>
                </div>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import Calendar from './Calendar'
export default {
    name: "CalendarPage",
    components: {
        Calendar
    },
    data() {
        return {
            value:''
        }
    },
    created(){
        let time = new Date()
        this.value = time
        this.defaultMonth = time
    },
    methods: {
    },
    mounted() {
    },
    watch: {},
    computed: {},
    destroyed() {
    }
}
</script>

<style lang="less" scoped>
@import "index.less";
</style>
